<template>
    <div class="hepatitisDetail">
       <div class="top">
        <span class="vaccine">卡介苗</span><span class="must">必打</span>
       </div>
       <div class="content">
           <div class="title">
            <p class="jin">接种时间</p>
            <p>小于3月龄完成</p>
            
           </div>
           <div class="title1">
             <p class="jin1">接种原因</p>
                        <p class="desc">接种卡介苗在预防儿童患结核病方面具有相当明显的
            作用，特别是可能危及儿童生命的严重型结核病，如
            结核性脑膜炎、粟粒性结核病等.世界卫生组织
            (世界卫生组织)研究证实，接种卡介苗预防结核性脑膜炎和播
            散性结核病的平均有效率为86%；预防结核相关死亡的
            有效率为65%，预防结核性脑膜炎死亡的有效率为
            ：78%，预防播散性结核死亡的有效率为：78%。多年来
            通过卡介苗接种已挽救了成干上万的生命</p>
           </div>
           <div class="title2">
             <p class="jin2">接种原理</p>
                        <p class="desc">卡介苗接种到人体后，通过引起轻微感染而产生对结
            核杆菌的免疫力.国产卡介苗是减毒活疫苗，由于病
            毒是活的，不宜用在免疫功能缺陷的宝宝身上.进口
            卡介苗是灭活疫苗，适宜有免疫功能缺陷或正在接受
            免疫抑制剂治疗的宝宝接种，但免疫维持时间较短，
            需要重复注射.</p>
           </div>
             <div class="title3">
             <p class="jin3">注意事项</p>
                        <p class="desc">家长切忌用碘酒、酒精消毒，这样不仅不利于伤口愈
合，还会减弱接种的效果</p>
           </div>
           </div>
       </div>

    
   
</template>

<script setup lang="ts">

</script>

<style scoped lang="scss">
 .hepatitisDetail{
    width: 100%;
    height: 100%;
    background: #f6f8f9;
    .top{
        width: 100%;
        height: 70px;
        background: #fff;

        .vaccine{
          line-height: 70px;
          margin-left: 20px;
          color: #f48d9e;
          font-size: 18px;
        }
        .must{
            margin-left: 10px;
            display: inline-block;
            width: 40px;
            font-size: 13px;
            height: 18px;
            background: #f48d9e;
            text-align: center;
            color: #fff;
            border: 10px;
        }
    }
    .content{
    width: 96%;
    margin-left: 10px;
    background: #fff;
    margin-top: 10px;
   
     .title{
        width: 100%;
        height: 70px;
        border-bottom: 1px solid #ccc;
       
         
        .jin{
            margin-top: 10px;
          
            height: 30px;
            line-height: 40px;
        }
           .desc{
            color:#878787;
        }
       p{
        height: 30px;
         margin-top: 10px;
         line-height: 25px;
       }
        
     }
      .title1{
        width: 100%;
        height: 280px;
        border-bottom: 1px solid #ccc;
    
        .jin1{
            margin-top: 10px;
          
            height: 30px;
            line-height: 40px;
        }
           .desc{
            color:#878787;
        }
       p{
        height: 30px;
         margin-top: 10px;
         line-height: 25px;
       }
        
     }
      .title2{
        width: 100%;
        height: 220px;
      border-bottom: 1px solid #ccc;
      
        .jin2{
            margin-top: 10px;
          
            height: 30px;
            line-height: 40px;
        }
           .desc{
            color:#878787;
        }
       p{
        height: 30px;
         margin-top: 10px;
         line-height: 25px;
       }
        
     }
      .title3{
        width: 100%;
        height: 150px;
      border-bottom: 1px solid #ccc;
      
        .jin2{
            margin-top: 5px;
          
            height: 30px;
            line-height: 40px;
        }
           .desc{
            color:#878787;
        }
       p{
        height: 30px;
         margin-top: 5px;
         line-height: 25px;
       }
        
     }
    }
 }
</style>